﻿﻿
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>${docTitle}</title>
<meta name="description" content="${docMeta}" />
<c:if test="${start=='1'}">
	<meta property='og:locale' content='sv_SE' />
	<meta property="og:title" content="Snabblån online" />
	<meta property="og:description"
		content="Jämför snabblån, smslån och smålån till förmån endast för kunden!" />
	<meta property="og:url" content="http://xn--smlndirekt-25ab.se" />
	<meta property="og:site_name" content="smålåndirekt.se" />
	<meta property="og:type" content="website" />
	<meta property="og:image"
		content="http://xn--smlndirekt-25ab.se/images/snabbalan.gif" />
</c:if>

<link rel="stylesheet" type="text/css" href="style/version2.css" />

<link rel="stylesheet" type="text/css" href="style/firstCompare.css"
	media="all" />
<link rel="stylesheet" type="text/css" href="style/r-table.css"
	media="all" />

<link rel="stylesheet" type="text/css"
	href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css">

<c:if test="${isInitState}">
	<!--
	  jQuery library
	-->
	<script type="text/javascript" src="javascript/jquery-1.4.2.min.js"></script>
	<!--
	  jCarousel library
	-->
	
	<script type="text/javascript" src="javascript/jquery.jcarousel.min.js"></script>
	
	
	<!--
	  ajax form
	-->
	<script type="text/javascript" src="javascript/jquery.form.min.js"></script>
	
	<!--
		table sort
	-->
	<script type="text/javascript" src="javascript/jquery.tablesorter.min.js"></script> 
	
	<!--
		jquery UI
	-->
	<script type="text/javascript" src="javascript/jquery-ui-1.8.min.js" charset="UTF-8"></script>
		
	<script src="javascript/slider.js" type="text/javascript" charset="UTF-8"></script>
	
	<script src="javascript/sorter.js" type="text/javascript" charset="UTF-8"></script>
</c:if>

<style type="text/css">

/**
 * Additional styles for the controls.
 */
.jcarousel-control {
	
}

.jcarousel-control a {
	
}

.jcarousel-control a:focus,.jcarousel-control a:active {
	
}

.jcarousel-scroll {
	
}

.jcarousel-scroll form {
	
}

.jcarousel-scroll select {
	
}

#mycarousel-next,#mycarousel-prev {
	
}
</style>
<c:if test="${isInitState}">
	<script type="text/javascript">
		/**
		 * We use the initCallback callback
		 * to assign functionality to the controls
		 */
		function mycarousel_initCallback(carousel) {
	
			jQuery('.jcarousel-control a').bind(
					'click',
					function() {
						carousel.scroll(jQuery.jcarousel.intval(carousel
								.scroll(jQuery.jcarousel.intval(jQuery(this).attr(
										"alt")))));
						return false;
					});
	
			jQuery('.jcarousel-scroll select').bind(
					'change',
					function() {
						carousel.options.scroll = jQuery.jcarousel
								.intval(this.options[this.selectedIndex].value);
						return false;
					});
	
			jQuery('#mycarousel-next').bind('click', function() {
				carousel.next();
				return false;
			});
	
			jQuery('#mycarousel-prev').bind('click', function() {
				carousel.prev();
				return false;
			});
	
		};
	
		// Ride the carousel...
		jQuery(document).ready(function() {
	
			var fStart = parseInt("${start}");
	
			jQuery("#circus").jcarousel({
				start : fStart,
				scroll : 1,
				initCallback : mycarousel_initCallback,
				// This tells jCarousel NOT to autobuild prev/next buttons
				buttonNextHTML : null,
				buttonPrevHTML : null
			});
			
	
			 $('#reloadItem1').unbind("click");
			 $('#reloadItem2').unbind("click");
			 $('#reloadItem3').unbind("click");
			 $('#reloadItem4').unbind("click");
	
	
	
		});
		
	</script>
</c:if>
</head>
<body>
	<div id="container" class="clearfix">
		
		<div id="header">
			<a href="http://xn--smlndirekt-25ab.se"><img alt="Vi jämför Snabblån" src="images/snabbalan.gif"> </a>
		</div>

		<div id="circus" class="jcarousel-skin-tango">
				<c:if test="${isInitState}">
					<div id="topNav">
						<div class="jcarousel-control" id="solidblockmenu">
							<div>
								<a href="#" alt="1">Prisjämförelse</a>
							</div>
							<div>
								<a href="#" alt="2">Översikt kreditgivare</a>
							</div>
							<div>
								<a href="Lanarantefritt.do" id="reloadItem1">Låna räntefritt</a>
							</div>
							<div>
								<a href="Vivus.do" id="reloadItem2">Recensioner</a>
							</div>
							<div>
								<a href="guide.do" id="reloadItem3">Bra att veta!</a>
							</div>
							<div>
						 		<a href="contact.do" id="reloadItem4" onclick="setTimeout(showRecaptcha, 500)">Kontakt</a>
							</div>
		
						</div>
					</div>
				</c:if>
				<c:if test="${isInitState != true}">
					<div id="topNav">
						<div class="" id="solidblockmenu">
							<div>
								<a href="http://xn--smlndirekt-25ab.se" alt="1">Prisjämförelse</a>
							</div>
							<div>
								<a href="http://xn--smlndirekt-25ab.se?nav=2" alt="2">Översikt kreditgivare</a>
							</div>
							<div>
								<a href="Lanarantefritt.do">Låna räntefritt</a>
							</div>
							<div>
								<a href="Vivus.do">Recensioner</a>
							</div>
							<div>
								<a href="guide.do">Bra att veta!</a>
							</div>
							<div>
								<a href="contact.do" onclick="setTimeout(showRecaptcha, 500)">Kontakt</a>
							</div>
		
						</div>
					</div>
				</c:if>
			<div id="page">
				<div id="body">
				<c:if test="${isInitState}">
					<ul>
						<li><div><jsp:include page="/home.jsp" /></div></li>
						<li><jsp:include page="/comtable.jsp" /></li>
						<li><jsp:include page="/dummy.jsp" /></li>
					</ul>
				</c:if>
				<c:if test="${isInitState != true}">
					<c:if test="${start=='3'}">
						<ul>
							<li><jsp:include page="/recension.jsp" /></li>
						</ul>
					</c:if>
					<c:if test="${start=='4'}">
						<ul>
							<li><jsp:include page="/content.jsp" /></li>
						</ul>
					</c:if>
					<c:if test="${start=='11'}">
						<ul>
							<li><jsp:include page="/lanarantefritt.jsp" /></li>
						</ul>
					</c:if>
					<c:if test="${start=='12'}">
						<ul>
							<li><jsp:include page="/contact.jsp" /></li>
						</ul>
					</c:if>
				</c:if>
				<c:if test="${isInitState}">
					<div class="right">

						<div class="puff-title" id="rightTitle">Vi hjälper dig att
							hitta!</div>

						<div class="puff-high" id="rightHigh">

							<ul class="ulPuff">
								<li>Billigaste snabblånet</li>
								<li>Uppdaterad information</li>
								<li>Etablerade långivare</li>
								<li>Hitta det billigaste lånet</li>
								<li>Information vid problem</li>
								<li>20% till välgörenhet</li>
							</ul>

							<div id="rightTopText">Vi ger support till Nordens Ark. 20% av intäkterna från denna sida går oavkortat dit.</div>

						</div>

						<div class="puff-middle" id="rightMiddle">Nyheter</div>

						<div class="puff-low" id="rightLow">

							<div class=newsFlow>
								<span class="newPuff"> Den 12 Januari 2014</span>
								<div class="newsText">Nanoflex kan nu erbjuda snabblån upp till
									10.000kr.</div>
							</div>
							<div class=newsFlow>
								<span class="newPuff"> Den 8 Januari 2014</span>
								<div class="newsText">TrustBuddy har höjt ålderskravet för
									låntagare till 20 år.</div>
							</div>
							<div class=newsFlow>
								<span class="newPuff"> Den 1 Januari 2014</span>
								<div class="newsText">Cash Buddy fortsätter att växa och
									kan nu erbjuda lån upp till 25.000 kr.</div>
							</div>
							<div class=newsFlow>
								<span class="newPuff"> Den 3 Mars 2014</span>
								<div class="newsText">Pengos är det nyaste tillskottet
									ibland smålånen. Vi jämför nu 17 långivare.</div>
							</div>
						</div>
					</div>
					</c:if>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="footer">

				<p>2013 &copy;. All rights reserved.</p>
				<p>
					<a
						href="https://plus.google.com/111133055172678673004/?rel=author"
						id="author">@Author: Crelle</a>
				</p>
				<p>
				<a 
						href="https://plus.google.com/103613107258022600425/" rel="publisher" id="author" >
						@Publisher: Smålåndirekt</a>
				</p>
				<br class="spacer" />
			</div>
		</div>
	</div>
</body>
</html>
